import {defineStore} from 'pinia'
import {nanoid} from "nanoid";
import {type Reactive, reactive} from 'vue'
import type {TAFrame} from "@/types";

export const useFramePage = defineStore('frame', () => {
    const data: Reactive<TAFrame> = reactive([
        {id: nanoid().toString(), title: 'title1', content: '内容，随便写点什么1', checked: false, date: '2024年10月19日10:48:14'},
        {id: nanoid().toString(), title: 'title2', content: '内容，随便写点什么2', checked: false, date: '2024年10月19日10:48:14'},
        {id: nanoid().toString(), title: 'title3', content: '内容，随便写点什么3', checked: false, date: '2024年10月19日10:48:14'},
        {id: nanoid().toString(), title: 'title4', content: '内容，随便写点什么4', checked: false, date: '2024年10月19日10:48:14'},
        {id: nanoid().toString(), title: 'title5', content: '内容，随便写点什么5', checked: false, date: '2024年10月19日10:48:14'},
        {id: nanoid().toString(), title: 'title6', content: '内容，随便写点什么6', checked: false, date: '2024年10月19日10:48:14'},
    ])
    return {data}
})